@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    background-color: #222338;
    margin: 0;
    
}

.menu {
    background-color: #222338;
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 1em;
    font-feature-settings: unset;


    position: fixed;
    top: 0;
    width: 100%;

    display: flex;
    flex-direction: column;
}

.menu:hover {
    cursor: default;
}

.menu_ {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

/*
.menu_line {
    background-color: beige;
    height: 5px;
    width: 100%;

    border-bottom: 6px solid rgb(255, 255, 255);
}
*/

.nav {
    display: flex;
    flex-direction: row;
    justify-content: left;

    min-width: 100%

}

.item {
    background-color: #222338;

    padding-left: 3em;
    padding-right: 3em;

/*
    margin-left: 1em;
    margin-right: 1em;
    */
}

.item a {
    color:white;
    text-decoration: none;
    
}

.item:hover {
    background-color: #31324d;
    font-style: italic;

    cursor: pointer;

    transition: 0.1s;
}

.logo {
    margin-left: 1em;
    padding-right: 2em;
    
}

/* PAGE */

.page {
    margin-top: 50;

    display: flex;
    flex-direction: column;
}

.objects {
    display: flex;
    flex-direction: row;
    min-height: 100%;

    margin-top: -45%;
}

.img img{
    width: 100%;
}

.content {
    margin-top: 3%;

    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.article_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: white;
    font-size: 5em;

    margin-left: 10%;
    margin-bottom: -110;
}

.article_subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    color: white;
    font-size: 2em;

    margin-left: 10%;
}

.article {
    background-color: #222338c2;
    font-size: 1.8em;
    font-family: 'Montserrat', sans-serif;
    color: white;
    margin-left: 2%;
    margin-bottom: 3%;
    padding: 2%;
    border-radius: 1em;

    text-align: center;

    width: 15%;
}

.article a {
    color:white;
    text-decoration: none;
}

.bar {
    margin-top: 13%;
    margin-left: 8%;

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.circle {
    height: 20px;
    width:20px;
    background-color: rgba(255, 255, 255, 0);

    border: solid;
    border-width: 0.4em;
    border-color: honeydew;
    border-radius: 50%;
}

.line {
    border-left: 6px solid rgb(255, 255, 255);
    height: 1200px;
    margin-top: -3;
  }